
<style type="text/css">
.tab-pane.active{position:relative;margin:0 15px;}
.tab-pane.active .tabright{position:absolute;right:0;top:-43px;right:0;}
</style>
<link rel="stylesheet" type="text/css" href="/public/store/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/public/store/daterangepicker-bs3.css">
<ol class="breadcrumb">
    <li class="active"><a href="#">筛选送卡券</a></li>
</ol>
<!-- seat end -->
<div class="row">
    <!-- rightcont start -->
    <ul class="nav nav-tabs gn_tabs">
        <li role="presentation" class="active"><a href="#brith">会员生日</a></li>
        <li role="presentation"><a href="#jine">消费金额</a></li>
        <li role="presentation"><a href="#cishu">消费次数</a></li>
        <li role="presentation"><a href="#sex">性别</a></li>
    </ul>
    <div class="tab-content">
        <div url="sendCardPeopleList" role="tabpanel" class="tab-pane active" id="brith">
        </div>
        <div url="sendCardPeopleList" role="tabpanel" class="tab-pane" id="jine">
        </div>
        <div url="sendCardPeopleList" role="tabpanel" class="tab-pane" id="cishu">
        </div>
        <div url="sendCardPeopleList" role="tabpanel" class="tab-pane" id="sex">
        </div>
    </div>
    <!-- rightcont end -->
</div>
<script type="text/html" id="users_tmpl">
    <form action="sendCardPeopleList" class="memberbox grid">
        <div class="shai" style="margin-left:0">筛选条件：</div>
        <div class="g-col form-inline">
        {{if type=='sex'}}
            <select name="gender" class="form-control">
                <option value="">请选择会员性别</option>
                <option value="男"{{if gender=='男'}} selected{{/if}}>男</option>
                <option value="女"{{if gender=='女'}} selected{{/if}}>女</option>
            </select>
        {{else if type=='brith'}}
            <input type="text" name="startTime" class="form-control datetime" size="19" placeholder="开始时间 格式：月-日" value="{{startTime}}" />
            至
            <input type="text" name="endTime" class="form-control datetime" size="19" placeholder="结束时间 格式：月-日" value="{{endTime}}" />
        {{else}}
            <input type="text" name="startTime" class="form-control datetime" size="19" placeholder="开始时间" value="{{startTime}}" />
            至
            <input type="text" name="endTime" class="form-control datetime" size="19" placeholder="结束时间" value="{{endTime}}" />
        {{/if}}
        {{if type=='jine' || type=='cishu'}}
            区间：
            <input type="number" name="min" class="form-control" style="width:100px;" min="0" placeholder="最低几{{if type=='jine'}}元{{else}}次{{/if}}" value="{{min}}" />
            至
            <input type="number" name="max" class="form-control" style="width:100px;" min="0" placeholder="最高几{{if type=='jine'}}元{{else}}次{{/if}}" value="{{max}}" />
        {{/if}}
            <button type="button" class="btn gn_btn btn_sm search">筛选</button>
        </div>
    </form>
    <div class="grid middle" style="padding:16px 0">
        <div class="g-col">共筛选出 {{list.length}} 位会员 <span style="font-size:14px;color:#ee5050;">需添加卡券后方可赠送</span></div>
        <div>
            <button type="button" class="btn gn_btn btn_sm black_btn checkAll">全选</button>
            <button type="button" class="btn gn_btn btn_sm send">赠送卡券</button>
        </div>
    </div>
    <table class="table table-bordered from_table">
        <tr>
            <th class="text-center" nowrap>头像</th>
            <th class="text-center" nowrap>姓名</th>
            <th class="text-center" nowrap>性别</th>
            <th class="text-center" nowrap>手机号</th>
            {{if type=='brith'}}
            <th class="text-center" nowrap>生日</th>
            {{else if type=='jine'}}
            <th class="text-center" nowrap>金额</th>
            {{else if type=='cishu'}}
            <th class="text-center" nowrap>次数</th>
            {{/if}}
            </th>
            <th class="text-center" nowrap>操作</th>
        </tr>
        {{each list as vo i}}
        <tr>
            <td class="text-center"><img src="{{vo.memberAvatar}}" style="max-height:100px;max-width:100px;" /></td>
            <td class="text-center">{{vo.member_name}}</td>
            <td class="text-center">{{vo.member_gender}}</td>
            <td class="text-center">{{vo.member_tel}}</td>
            {{if type=='brith'}}
            <td class="text-center" nowrap>{{vo.memberBirthday}}</td>
            {{else if type=='jine'}}
            <td class="text-center" nowrap>￥{{vo.money/100}}</td>
            {{else if type=='cishu'}}
            <td class="text-center" nowrap>{{vo.cou}}</td>
            {{/if}}
            <td class="text-center">
                <input type="checkbox" class="checkbox" name="openIds" value="{{vo.openid}}" />
            </td>
        </tr>
        {{/each}}
    </table>
</script>
<script type="text/html" id="card_tmpl">
    <div class="grid middle">
        <p>选择卡券：</p>
        <p class="g-col">
            <select id="card" name="card" class="form-control">
                <option value="">请选择已创建好的卡券</option>
                {{each cardList as vo i}}
                <option value="{{i}}">{{vo.cardTitle}}</option>
                {{/each}}
            </select>
        </p>
</script>
    <!--引入插件js代码-->
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="/public/store/moment.js"></script>
<script src="/public/store/daterangepicker.js"></script>